/***| general |****************************************************************/

body { background:transparent url(transparent.png); font-family:calibri; margin:0; padding:0; }

#container { overflow:hidden; }
#bgimg     { z-index:10; }
#timestamp { font-size:.7em; font-style:italic; filter:glow(color:#ffffff, strength:5); padding-right:.25em; position:relative; text-align:right; top:-2.5em; width:100%; z-index:20; } /* NOTE: width required for glow filter */
#main.undocked #timestamp { top:-4em; }


/***| main |*******************************************************************/

body#main, #main #container { height:68px; }
body#main, #main #container, #main #bgimg { width:130px; }

body#main.undocked, #main.undocked #container { height:256px; }
body#main.undocked, #main.undocked #container, #main.undocked #bgimg { width:483px; }

#updateIcon,     #openIcon     { position:absolute; }
#updateIcon img, #openIcon img { border:0; filter:alpha(opacity=50); }
#updateIcon { display:none; top:2px; left:110px; }
#openIcon   { top:50px; left:2px; }

#main.undocked #updateIcon { left:463px; }
#main.undocked #openIcon { top:238px; }


/***| flyout |*****************************************************************/

body#flyout { width:965px; }
body#flyout, #flyout #container { height:512px; overflow:hidden; }
#flyout iframe { position:absolute; top:-23; left:-34; width:1025px; height:560px; }
#flyout #container { width:956px; }
